<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="__STATIC__/css/mui.min.css">
		<style type="text/css">
			h1{
				margin-top: 15px;
				margin-left:17%;
				color: #555555;
				font-family: "微软雅黑";
			}
			body
			{
				background-image:url(__STATIC__/images/timg.jpg);
				background-repeat:no-repeat;
				background-size:cover;
				
			}
			input
			{
				background-color:rgba(255,255,255,0.1);
			}
		</style>
		<script type="text/javascript">
		function post()
		{
			var to=document.getElementById("to").value;
			var from=document.getElementById("from").value;
			var title=document.getElementById("title").value;
			if(to==''){
				alert("给谁表白都不说，这样不好吧！");
				return false;
			}else if(from==''){
				alert("人家都不知道你是谁，怎么答应你嘛！");
				return false;
			}else if(title==''){	
				alert("哎呀，一句话都不说，人家会答应你吗？");
				return false;
			}else
			{
				return true;
			}
		}
	</script>
	</head>
	<body>
		<h1>爱就大声说</h1>
		<form action="{:url('index/whitewall/insert')}" method="post" onsubmit="return post();" enctype="multipart/form-data">
			<input type="text" id="to" name="to" placeholder="to" style="background:rgba(0, 0, 0, 0.1);" />
			<input type="text" id="from" name="from" placeholder="from" style="background:rgba(0, 0, 0, 0.1);" />
			<input type="file" id="img" name="img" placeholder="His/Her pictures" style="background:rgba(0, 0, 0, 0.1);" />
			<textarea cols="20" id="title" name="title" rows="5" placeholder="message" style="background:rgba(0, 0, 0, 0.1);"></textarea>
			<input type="submit"  style="background:rgba(0, 0, 0, 0.2); margin-left: 40%;" value="send" />
		</form>
	</body>
</html>